<template lang="pug">
  kalix-dialog.user-add(title='查看' bizKey="lives" ref="kalixBizDialog" v-bind:formModel.sync="formModel" isView)
    div.el-form(slot="dialogFormSlot")
      el-form-item.short(label="直播分类" prop="type" v-bind:label-width="labelWidth"  )
        el-input(v-model="formModel.type" readonly)
      el-form-item.short(label="直播人id" prop="userId" v-bind:label-width="labelWidth" class="none")
        el-input(v-model="formModel.userId")
      el-form-item.short(label="直播人姓名" prop="userName" v-bind:label-width="labelWidth")
        el-input(v-model="formModel.userName" readonly)
      el-form-item.short(label="直播流地址" prop="liveUrl" v-bind:label-width="labelWidth")
        el-input(v-model="formModel.liveUrl" readonly)
      el-form-item.short(label="图片封面地址" prop="imgUrl" v-bind:label-width="labelWidth")
        el-input(v-model="formModel.imgUrl" readonly)
      el-form-item.short(label="直播间ID" prop="liveId" v-bind:label-width="labelWidth" class="none")
        el-input(v-model="formModel.liveId" readonly)
      el-form-item.short(label="直播间名称" prop="liveName" v-bind:label-width="labelWidth")
        el-input(v-model="formModel.liveName" readonly)
      el-form-item.short(label="直播间位置" prop="num" type="number" v-bind:label-width="labelWidth" )
        el-input(v-model="formModel.num" readonly)
      el-form-item.short(label="开播时间" prop="startTime" v-bind:label-width="labelWidth")
        el-input(v-model="formModel.startTime" readonly)
      el-form-item.short(label="结束时间" prop="endTime" v-bind:label-width="labelWidth")
        el-input(v-model="formModel.endTime" readonly)
      el-form-item.short(label="直播状态" prop="state" v-bind:label-width="labelWidth")
        el-input(v-model="formModel.state" readonly)
</template>

<script type="text/ecmascript-6">
  import FormModel from './model'
  export default {
    name: 'LivesView',
    data() {
      return {
        formModel: Object.assign({}, FormModel),
        labelWidth: '120px'
      }
    }
  }
</script>

<style scoped lang="stylus" type="text/stylus">
  .none
    display none
</style>

